<!DOCTYPE html>
<html lang="en">
	<head>
		<title>离线通讯录</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
		<script type="text/javascript" src="../../bootstrap/js/jquery.js"></script>
		<script type="text/javascript" src="../../bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" src="../../bootstrap/extend/log.js"></script>
		<script type="text/javascript" src="../../js/login.js"></script>
		<script type="text/javascript" src="./js/jquery.dataTables.js"></script>
		<script type="text/javascript" src="./js/jquery.progressbar.js"></script>
		<script type="text/javascript" src="contact.js" ></script>
		<style type="text/css" title="currentStyle">
			@import "./css/demo_page.css";
			@import "./css/demo_table.css";
			@import "./css/demo_table_jui.css";
			@import "./custom.css";
		</style>
		<style type="text/css">
			.dataTables_filter input, .dataTables_length select {
				display: inline
			}
			#divDept, #divPerson {
				margin-top: 20px;
				margin-bottom: 10px;
			}

		</style>
		<link href="css/button.css" rel="stylesheet" type="text/css" media="screen">
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container">
					<a class="brand" href="#"> GmccOffice </a>
					<ul class="nav">
						<li>
							<a href="../../feature.html">首页</a>
						</li>
						<li>
							<a href="../../setting.html">设置</a>
						</li>
						<li>
							<a href="contact.html">刷新</a>
						</li>
						<li>
							<a href="../../others.html">其他</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span2">
					<!--Sidebar content-->
					<ul class="nav nav-list">
						<li>
							<a href="#" id="btnOffline" >离线工具</a>
						</li>
						<li>
							<a href="contact_online.html">在线地址簿</a>
						</li>
					</ul>
				</div>
				<div class="span10">
					<!--Body content-->
					<div class="page-header">
						<h1>离线通讯录</h1>
					</div>
					<input id="txtSearchPerson" class="input-medium search-query" value="" />
					<button class="btn" id="btnSearchPerson" >
						搜索
					</button>
					<input type="checkbox" id="cbxOnlineSearch" checked="checked"/>
					在线搜索
					<div id="divTool" style="display:none;" class="row-fluid">
						<div class="span4">
							<ul class="nav nav-pills">
								<li class="dropdown" id="menutest1">
									<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1"> 组织 <b class="caret"></b> </a>
									<ul class="dropdown-menu">
										<li>
											<a id="btnShowDept" href="#">显示组织信息</a>
										</li>
										<li>
											<a id="btnLoadDept" href="#">爬取组织信息</a>
										</li>
									</ul>
								</li>
								<li class="dropdown" id="menutest2">
									<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest2"> 人员 <b class="caret"></b> </a>
									<ul class="dropdown-menu">
										<li>
											<a id="btnShowPerson" href="#">显示人员信息</a>
										</li>
										<li>
											<a id="btnLoadPerson" href="#">爬取人员信息</a>
										</li>
										<li>
											<a id="btnInitDB" href="#">初始化数据库</a>
										</li>
										<li>
											<a id="btnPersonDB" href="#">存入数据库</a>
										</li>
									</ul>
								</li>
								<li class="dropdown" id="menutest3">
									<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest3"> 导出<b class="caret"></b> </a>
									<ul class="dropdown-menu">
										<li>
											<a id="btnExport" href="#">导出人员信息息</a>
										</li>
										<li>
											<a id="btnDept" href="#">导出部门信息</a>
										</li>
										<li>
											<a id="btnClear" href="#">清空数据</a>
										</li>
									</ul>
								</li>
								<li class="dropdown" id="menutest3">
									<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest4" id="mnuTest"> 测试</a>
								</li>
							</ul>
						</div>
						<div id="loadPersonOption" class="span4">
							<label style="display:inline">输入部门编号：</label>
							<input type="text" id="txtDep" value="" />
							<input type="checkbox" checked="checked" id="cbxLoadAll"/>
							<label style="display:inline">全部</label>
							<span id="sProgress"></span>
						</div>
					</div>
					<ul class="nav nav-tabs" style="margin-top:20px" id="myTab">
						<li class="active">
							<a href="#divPerson" id="aTabPerson" data-toggle="tab" >人员</a>
						</li>
						<li>
							<a href="#divDept" id="aTabDept" data-toggle="tab">组织</a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="divPerson">
							<div id="divOffline"></div>
							<div id="divOnline"></div>
						</div>
						<div class="tab-pane" id="divDept"></div>
					</div>
				</div>
			</div>
			<!--<object id="dbplugin" type="application/mozilla-npsqlite-plugin"></object>-->
			<object id="dbplugin" type="application/x-gmccplugin" style="width:1px;height:1px"></object>
	</body>
</html>